<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>木兮地板</title>
    <link
      href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/font_1863732_bpqa74v70wt.css"
    />
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-light">
      <a class="navbar-brand" href="#">
        <img src="./images/logo0.png" alt="" />
      </a>
      <button
        class="navbar-toggler"
        type="button"
        data-toggle="collapse"
        data-target="#navbarNav"
        aria-controls="navbarNav"
        aria-expanded="false"
        aria-label="Toggle navigation"
      >
        <span class="navbar-toggler-icon"></span>
      </button>
      <div
        class="collapse navbar-collapse justify-content-end pr-5"
        id="navbarNav"
      >
        <ul class="navbar-nav">
          <li class="nav-item active">
            <a class="nav-link" href="#">
              首页
              <span class="sr-only">(current)</span>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./pages/about.html">关于公司</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">产品展示</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#" tabindex="-1" aria-disabled="true">
              招商加盟
            </a>
          </li>
        </ul>
      </div>
    </nav>

    <div
      id="carouselExampleIndicators"
      class="carousel slide"
      data-ride="carousel"
    >
      <ol class="carousel-indicators">
        <li
          data-target="#carouselExampleIndicators"
          data-slide-to="0"
          class="active"
        ></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="./images/banner1.jpg" class="d-block w-100" alt="..." />
        </div>
        <div class="carousel-item">
          <img src="./images/banner2.jpg" class="d-block w-100" alt="..." />
        </div>
        <div class="carousel-item">
          <img src="./images/banner3.jpg" class="d-block w-100" alt="..." />
        </div>
      </div>
      <a
        class="carousel-control-prev"
        href="#carouselExampleIndicators"
        role="button"
        data-slide="prev"
      >
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a
        class="carousel-control-next"
        href="#carouselExampleIndicators"
        role="button"
        data-slide="next"
      >
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>

    <div class="container mt-4">
      <div class="row">
        <div class="col text-center">
          <h3>企业精神</h3>
        </div>
      </div>
      <div class="row qiyejinsheng">
        <div class="col-12 col-md-3 text-center">
          <img width="35%" src="./images/pinpai.png" alt="" />
          <h3>品质</h3>
          <p>品质是品牌的发展基石</p>
          <p>坚持好品质,必定铸就优质品牌</p>
        </div>
        <div class="col-12 col-md-3 text-center">
          <img width="35%" src="./images/keji.png" alt="" />
          <h3>科技</h3>
          <p>科技是品牌的助推力</p>
          <p>只有不断科技创新,才能不会被淘汰</p>
        </div>
        <div class="col-12 col-md-3 text-center">
          <img width="35%" src="./images/chengxin.png" alt="" />
          <h3>诚信</h3>
          <p>诚信是品牌的防护盾</p>
          <p>诚信企业,放心品牌才能走的更长久</p>
        </div>
        <div class="col-12 col-md-3 text-center">
          <img width="35%" src="./images/gongying.png" alt="" />
          <h3>共赢</h3>
          <p>共赢是品牌的生命力</p>
          <p>与客户共赢,与员工共赢与企业共赢</p>
        </div>
      </div>
      <div class="prod-title">
        <p>产品展示</p>
      </div>
      <div class="row">
        <div class="col-12 col-md-6 my-3 col-lg-4">
          <img width="100%" class="" src="./images/item01.jpg" alt="" />
        </div>
        <div class="col-12 col-md-6 my-3 col-lg-4">
          <img width="100%" class="" src="./images/item02.jpg" alt="" />
        </div>
        <div class="col-12 col-md-6 my-3 col-lg-4">
          <img width="100%" class="" src="./images/item03.jpg" alt="" />
        </div>
        <div class="col-12 col-md-6 my-3 col-lg-4">
          <img width="100%" class="" src="./images/item04.jpg" alt="" />
        </div>
        <div class="col-12 col-md-6 my-3 col-lg-4">
          <img width="100%" class="" src="./images/item05.jpg" alt="" />
        </div>
        <div class="col-12 col-md-6 my-3 col-lg-4">
          <img width="100%" class="" src="./images/item06.jpg" alt="" />
        </div>
      </div>
    </div>
    <footer class="d-flex px-5 center">
      <div class="col-10 col-12">
        <div class="row">
          <div class="col-12 col-md-3 col-12">
            <img  src="./images/logo3.png" class="img1" alt="" />
          </div>
          <div class="col-md-6 col-12">
            <div class="row">
              <div class="col-md-3 col-12 nowrap">关于公司</div>
              <div class="col-md-3 col-12 nowrap">产品展示</div>
              <div class="col-md-3 col-12 nowrap">招商加盟</div>
              <div class="col-md-3 col-12 nowrap">联系我们</div>
            </div>
            <div class="text-center-md">
              版权所有©木兮实业有限公司 鄂ICP备18011650号
            </div>
          </div>
          <div class="col-md-3 col-12">
            <div>
              <i class="iconfont icon-icon-test"></i>
              027-83622296
            </div>
            <div>
              <i class="iconfont icon-icon-test1"></i>
              13387576980
            </div>
            <div>
              <i class="iconfont icon-icon-test2"> </i>
              yt15yi@163.com
            </div>
          </div>
        </div>
      </div>
    </footer>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>
  </body>
</html>
